import React, { Component } from 'react'

export default class Num extends Component {
    constructor () {
        //强化this指向问题，避免this指向出错
        super();
        this.state = {
            num: 10
        }
    }
    add() {
        // this.setState用于调用页面的更新程序
        this.setState({
            num: this.state.num + 1
        })
    }
    render() {
        return (
            <div>
                <h1>App{this.state.num}</h1>
                {/* 任何数据更改操作都需要程序员编写过程，on代表触发事件，执行回调函数 */}
                <button onClick={() => this.add()}>+</button>
            </div>
        )
    }
}
